<template>
  <vue-event-calendar :events="demoEvents" @monthChanged="" @dayChanged=""></vue-event-calendar>
</template>

<script>
export default {
  data () {
    return {
      demoEvents: [{
        date: '2016/12/15',
        title: 'eat',
        desc: 'longlonglong description'
      },{
        date: '2016/11/12',
        title: 'this is a title'
      }]
    }
  },
  methods: {
    monthChange (month) {
      console.log(month)
    },
    dayChange (day) {
      console.log(day)
    }
  }
}
</script>
<style lang="less" scoped>

// .__vev_calendar-wrapper .arrow-left.icon{
//   overflow: none
// }
.icon{
overflow: none;
}
.__vev_calendar-wrapper .cal-wrapper .cal-body .weeks{
  font-size: 0.05rem;
}

</style>
